import {Component} from 'react'
import './hotSpotsNous.less'
import {Image, Text, View} from "@tarojs/components";
import {AtIcon} from "taro-ui";

export default class HotSpotsNous extends Component{

  state={

  }
  render(){
    return(
      <View>
        <View className='topImage'>
          <Image src='' />
        </View>
        <View className='titleContent' >
          <View className='title_desc'>
            <View className='title' >生姜</View>
            <View className='desc' >解表药</View>
          </View>
          <View className='at-icon at-icon-settings stars'>
            <AtIcon value='star' size='30' color='#F00'>
            </AtIcon>
          </View>
        </View>
        <View className='details'>
          <View ><text className='item'>【别&emsp;&emsp;名】</text><text className='itemDetails'>干姜</text></View>
          <View ><text className='item'>【采&emsp;&emsp;制】</text><text className='itemDetails'>采制</text></View>
          <View ><text className='item'>【性&emsp;&emsp;味】</text><text className='itemDetails'>性味</text></View>
          <View ><text className='item'>【归&emsp;&emsp;经】</text><text className='itemDetails'>归经</text></View>
          <View ><text className='item'>【功效主治】</text><text className='itemDetails'>功效主治</text></View>
          <View ><text className='item'>【用法用量】</text><text className='itemDetails'>用法用量</text></View>
        </View>
      </View>
    )
  }
}
